<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <title>Title</title>

    <script type="text/javascript">
        $(document).ready(function () {
            //获取文本内容
            $("#btn_1").click(function () {
                alert($("p").text());
            })
            //获取文本原始内容
            $("#btn_2").click(function () {
                alert($("p").html());
            })

            //获取edittext 输入的值
            $("#btn_3").click(function () {
                //alert();
                $("#txt_1").val("abcd")
            })

            //获取节点属性值
            $("#btn_4").click(function () {
                alert($("a").attr("href"))
            })

        })


    </script>
</head>
<body>
<p>这是一个<b>加粗</b>的句子</p>
<input id="btn_1" type="button" value="text">
<input id="btn_2" type="button" value="html"><br/><br/>

<input id="txt_1" type="text" value="菜鸟教程">
<br/>
<input id="btn_3" type="button" value="val">
<br/><br/>

<a href="http://www.baidu.com">百度</a>
<br/>
<input id="btn_4" type="button" value="attr">

</body>
</html>